@charset "utf-8";
/* CSS Document */
.clear          { clear:both;}
.clearfix       { display:block; clear:both;}
.clearfix:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}
#body         { width:100%; margin:0 auto; background: url(../images/bgbody.png) repeat left top #f3f3f3;}
#wrapper      { margin:0 auto; padding:0; width: 1000px; max-width:1200px; position:relative;}
#header       { margin:0; padding:3px; background: url(../images/whiteline.png) repeat-y top center;}
#navigation   { width:auto; background:url(../images/bg-mn-nav.jpg) repeat-x 0 0; height:64px; margin:0 4px; position:relative;}
#main{ margin:auto; overflow:hidden; padding: 6px 8px; background: url(../images/whiteline.png) repeat-y top center;}
#bottom	      {  background:url(../images/btmainpage.png) no-repeat center top; width:1000px; display:block; height:22px; padding:25px 0 0;}
#main-page    { float:left; width:100%; overflow:hidden;}

#header .f-left  { width:24%; padding-left:15px;}
#header .f-right { width:736px; padding:0; margin-right:4px;}
#header .f-left p{ padding:5px 0;}
#topics-main     { padding:0; margin-bottom:10px;}
#topic-blog      { float:left; width:674px; padding:0;}
#adv-highlights  { float:right; width:300px;}
#left-main       { float:left; width:677px; padding:0;}
#right-main      { float:right; width:300px; padding:0;}
#mod-left		 { float:left; width:300px;}
#mod-right       { float:right; width:200px;}
#top-featured    { padding:0;}
.time {color: #AAA; font-size: 11px; padding: 0 20px 0 0; }

.tabs { margin:0; background:none; float:left;  overflow: hidden; padding:0; width: 100%; font-size:13px; font-family:Verdana, Geneva, sans-serif; }
.tabs a { background: url(../images/tab_menu.jpg); display: block; float: left; line-height:26px; height: 30px; padding-left: 15px; font-weight:bold;}
.tabs a:link, .tabs a:visited{ color:#FFF;}
.tabs a:hover { background-position: 0 -39px; color: #000;}
.tabs a:hover span {	background-position: 100% -39px; }
.tabs a:hover.active,
.tabs a.active {	background-position: 0 -39px; color: #046; font-weight:bold;}
.tabs a:hover.active span,
.tabs a.active span {	background-position: 100% -39px;}
.tabs li { float: left; margin: 0 2px 0 0;}
.tabs span {	background: url(../images/tab_menu.jpg) 100% 0;	cursor: pointer; display: block; float: left; padding: 0px 20px 0 5px; height:30px; line-height:34px;}

.bott-menu{ width:100%; background:url(../images/bg-menu-bot.jpg) repeat-x 0 0; height:30px;}
.bott-menu li{ float:left; padding:0; line-height:26px;}
.bott-menu li a:link, .bott-menu li a:visited{ color:#333; padding:0 5px;}
.bott-menu li a:hover, .bott-menu li.current a{ background:url(../images/bg-menu-bot-ac.jpg) repeat-x 0 0; height:30px; display:block; color:#FFF;}

#search_form { float:right; background: url(../images/input_search.png) no-repeat right top; height: 20px; width: 210px; margin-right:5px;}
#search_form .search_input { background:none; border: none; height: 20px; width: 182px; font-size:11px; color:#666; float:left; padding-left:5px;}
#search_form .button { float:left; background: url(../images/search.png) no-repeat 0 1px; border: medium none; text-indent: -5000px; width: 18px; cursor:pointer; display:block;}

.mod-adv, .adv-top { width:100%; padding:0;}
.mod-adv{ margin-bottom:8px;}
.adv-mar img{ margin-bottom:5px;}
#adv-highlights p, .mod-adv p{ padding:0; text-align:center; margin-bottom:10px;}
.adv-center{ text-align:center; float:none !important; margin-bottom:10px;}
.adssmall{ padding:5px 0;}
.adssmall li{ float:left;}
.page-where{ background:#E0E7F7; border: 1px solid #D9E0EA; margin:5px 0; text-align: center;}

/* Slide*/
.moduletable{ width:350px; float:left; border:1px solid #d8edf0;}
.lof-slidecontent{ position:relative; overflow:hidden; height:380px;}
.lof-main-outer{ float:left; height:100%; width:350px; z-index:3px; overflow:hidden; background:#FFF;}
.lof-main-wapper{ overflow:hidden; padding:0px;	margin:0; height:100%; overflow:hidden;}
.lof-opacity  li{ position:absolute; top:0;	left:0; width:350px;}
.img-slides {width:100%; text-align:center !important; padding:15px 0 0;}
.img-slides img{ padding:3px; border:1px solid #e7e8ec; background:#FFF; margin-bottom:5px;}
.lof-main-wapper h3 a{ color:#046; font-size:14px; font-family:Verdana, Geneva, sans-serif;}
.lof-main-outer:hover a{ background:#f4f4f4 !important; color:#ff7b00;}
.lof-main-outer:hover{ background:#f4f4f4 !important; color:#ff7b00;}
.lof-main-outer h3{ display:block; padding:5px 8px; line-height:20px; text-align:left;}
.lof-main-item-desc{ text-align:justify; display:block !important; height:152px; background:#FFF; color:#000;}
.lof-main-item-desc p{ margin:0 8px; padding:4px 0}
.readmore{ text-align:right; font-size:11px; text-transform:uppercase;}
.readmoreltr{ font-size:10px; text-transform:none; background:url(../images/icons/arrowread.png) no-repeat left center; padding-left:18px;}

.featured-hot{ float:right; width:320px; height:380px; padding:0;}
.featured-hot .mod-featured{ height:380px; }
.featured-hot .content{ height:342px; overflow:hidden;}
.fea-hot{ padding: 4px 5px; margin:0; width:auto; font-family:Verdana, Geneva, sans-serif;}
.fea-hot li{ margin:0; overflow:hidden; padding:2px 0; border-bottom: 1px dotted #CCC;} 
.fea-hot li h5 { text-align:justify; padding:2px 0; line-height:14px;}
.fea-hot li h5 a{ background:url(../images/icons/outsetO.jpg) no-repeat 0 6px; padding-left:12px;}
.fea-hot li h5 a:link, .fea-hot li h5 a:visited{ color:#046 !important; font-size:12px;}
.fea-hot li h5 a:hover, .fea-hot li h5 a:active{ color:#333 !important;}
.date-new { color: #666; font-size: 10px; padding-left:10px; font-weight:normal;}
.summary{ font-size:11px; text-align:justify;}

.list-news{ padding:5px 0 0 0; line-height:16px;}
.list-news li{ padding: 6px 0; margin-left:10px; text-align:justify; border-bottom:1px dotted #e7e7e7;}
.list-news li a{ background:url(../images/icons/arrowli.png) no-repeat left center; padding-left:10px;}
.list-news li a:link, .list-news li a:visited{ color:#069;}
.list-news li a:hover { color:#333;}
.list-box { padding:5px 0; list-style:inside !important;} .list-box li{ background:none !important; padding:2px 0 2px 5px; text-align:justify;}
.list-box li img{ float:right; margin-left:5px;}
.list-box li a:link, .list-box li a:visited{ color:#29c;}
.list-box li a:hover, .list-box li a:active{ color:#ED1C24;}
.sigarr li { margin:0;}
.sigarr li a{ background:url(../images/icons/arrowlisg.png) no-repeat left center; padding-left:10px;}
.bor-doted li{ border-bottom:1px dotted #CCC; padding-bottom:2px;}
.sigarr .time{ padding:0 0 0 10px;}

/* Block======================================================================================= */
/* Standard all style system ============== Module ======================*/
.ldo-mod-standard{ padding:0; margin-bottom:10px;}
.ldo-mod-standard .title{ height:34px;}
.ldo-mod-standard .title h4{ padding:0; background:url(../images/mod-bg-h3.png) no-repeat left top; height:32px; line-height:34px;}
.ldo-mod-standard .title span{ height:34px; display:block;}
.ldo-mod-standard .content{ padding:5px !important; background:url(../images/mod-bg-lineb.png) no-repeat left top; border:1px solid #e7e7e7; border-width:0 1px 1px;}
.ldo-mod-standard h3{ padding:0;}

.mod-featured{ padding:0; margin:0;}
.mod-featured .title{ height:30px; background:none;}
.mod-featured h3{ padding:4px 0 4px 10px;}
.mod-featured span a:link, .mod-grey span a:visited{ color:#333;}
.mod-featured span a:hover, .mod-grey span a:hover{ color:#ED1C24 !important;}
.mod-featured span a strong{ float:right; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.mod-featured span a img{ padding:4px 10px 7px 5px; *margin:8px 10px 0;}
.mod-featured .content{ background: url(../images/bgmodfea.jpg) repeat-x left top #eeeff3 !important; padding:5px;}

.mod-single{ padding:0; margin-bottom:10px;}
.mod-single .title{ height:32px;}
.mod-single .title h4{ padding:0; background:url(../images/mod-bg-h3.png) no-repeat left top; height:32px; line-height:32px;}
.mod-single .title span{ background:url(../images/arrow-title-single.png) no-repeat left bottom; height:32px; display:block; padding-left:10px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

.mod-tabs{ margin:0 0 10px; padding:0;}
.mod-tabs .title{ height:29px;}
.mod-tabs .title h3{ background:url(../images/tab-mod-h3-r.jpg) no-repeat 100% 0; display:block;}
.mod-tabs .title span{ background:url(../images/tab-mod-h3-l.jpg) no-repeat 0 0; display:block; height:29px;}
.mod-tabs .title .menu-tag{ float:right;}
.mod-tabs .title span span{ background:none;}
.mod-tabs .content{ background:url(../images/bg-sl-vd.jpg) repeat-x left bottom #fdfdff;}

.title-act{ float:left; padding-left:10px;}
.title-act li{ text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.title-act li a:link, .title-act li a:visited{ color:#333;}
.title-act li a:hover{ color:#FF7B00;}
.title-mod { padding:0 5px 0; line-height:31px; float:right; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.title-mod li{ float:left; font-size:11px; background:url(../images/icons/around.png) no-repeat left center; font-weight:bold; padding-left:10px; margin-left:15px;}
.title-mod a:link, .title-mod a:visited{ color:#FF7B00; padding:5px 0;}
.title-mod a:hover, .title-mod li.current a{ color:#000;}

.ldo-mod-standard p{ padding:2px 0;}
.ldo-mod-standard .content h4{ padding-bottom:5px;}

.cont-left{ float:left; width:390px; padding:10px 0;}
.cont-right{ float:right; width:270px; padding:0;}
.view-single{ margin:0; padding:0; display:block;}
.view-single img{ float:left; margin-right:10px; padding:2px; border:1px solid #E7E7E7;}
.view-single h3{ margin:5px 0 3px ; font-size:14px;}
.view-single p{ text-align:justify;}
.view-single .date-new{ margin-bottom:5px;}
.view-single .readmore{ float:right; text-align:right; font-size:11px; text-transform:none; font-weight:bold;}
.view-single .readmore:link, .view-single .readmore:visited{ color:#FF7B00;}
.view-single .readmore:hover{ color:#046;}
.view-ltr{ padding:3px 0;}
.view-ltr img{ float:right; margin:8px 0 0 5px;}
.view-ltr h3{ font-size:12px;}
.focus img{ float:right; margin: 0 0 0 5px;}
.catview{ padding:5px 0; border-bottom:1px dotted #DDD;}

.doublecol{ margin:0; padding:0;}
.leftcol, .rightcol{ width:332px;}
.container{ padding:5px 0;}
.container p{ padding:3px 0;}
.container .num-qual{ font-size:14px; color:#F00;}
.showopt-school{ margin:10px 0; padding:1px 10px; background:url(../images/chop-ul-bg.jpg) repeat-x left top; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display:block;}
.listOp{ width:96%; margin: 0 auto; background:#FFF; padding:4px 0;}
.listOp li{ float:left; margin:0 8px 0 5px; font-weight:bold;}
.listOp li label{ margin-right:4px; font-size:11px;}
.listOp li select{ width:110px; border: 1px solid #CCC; font-size:11px;}
.tit-subjects{ text-transform:uppercase; font-size:14px; font-weight:bold;}
.tit-subjects span{ color:#FF7B00;}
.readon{ float:right;}
.readon a{ font-size:11px; font-weight:bold;}
.readon a:link, .readon a:visited{ color:#FF7B00;}
.readon a:hover{ color:#333;}

.table-subjects table{ width:100%;}
.table-subjects table, .table-subjects td{ border:1px solid #d7d7d7;}
.table-subjects td{ width:50%; line-height:18px;}
.table-subjects td.datas{ padding:4px 0 4px 40px; background:url(../images/icons/datas.png) no-repeat 5px center;}
.table-subjects td a:link, .table-subjects td a:visited{ color:#333;}
.table-subjects td a:hover{ color:#FF7B00;}

.menu-tag {  margin:4px 4px 0 0; overflow: hidden; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; height:25px;}
.menu-tag a {	background: url(../images/bg-menu.jpg) 0 -30px; color: #FFF !important; display: block; float: left; line-height:20px; height: 25px; padding-left: 9px;  font-weight:bold;}
.menu-tag span { background: url(../images/bg-menu.jpg) 100% -30px !important;	cursor: pointer; display: block; float: left; padding: 5px 14px 0 5px; height:28px;}
.menu-tag a:hover { background-position: 0 0 !important; color: #111 !important;}
.menu-tag a:hover span { background-position: 100% 0 !important; }
.menu-tag a:hover.active,
.menu-tag a.active { background-position: 0 0 !important; color: #111 !important; font-weight:bold;}
.menu-tag a:hover.active span,
.menu-tag a.active span {	background-position: 100% 0 !important;}
.menu-tag li { float: left; margin:0 2px 0 1px;}
.menu-tag li.addicon img{padding:3px 5px 0 0;}

.feature-table{ background:url(../images/bg-bx-duo-r.jpg) no-repeat right top;}
.feature-table .contenttb{ background:url(../images/bg-bx-duo-l.jpg) no-repeat left top; display:block;}
.contenttb .bxtb01{ float:left; width:34%;}
.contenttb .bxtb01 .tittb{ height:37px; text-align:center; background:url(../images/line-tb-bx.jpg) no-repeat right top;}
.tittb h4{ text-align:center;}
.tittb span{ line-height:36px; text-transform:uppercase;}
.tittb a:link, .tittb a:visited{ color:#FF0; text-shadow: #760202 1px 1px 1px;}
.contenttb .bx-tb{ background:#e8eaed;}
.clr-img{ position:relative; margin:4px 0 8px;}
h4.sub-titcr{ position:absolute; bottom:0; background:url(../images/bg-tb-link.png) repeat left top; display:block; font-size:13px; line-height:16px; padding:3px;}
h4.sub-titcr a:link, h4.sub-titcr a:visited{ color:#fed700;}
h4.sub-titcr a:hover{ color:#FFF;}
.contenttb .bxtb02{ float:left; width:66%;}
.bxtb02 .conltable01, .bxtb02 .conltable02{ width:50%; float:left;}
.bxtb02 .conltable01 .tittb{ height:37px; text-align:center; background:url(../images/line-tb-bx.jpg) no-repeat right top;}
.bxtb02 .conltable02 .tittb{ height:37px;}
.conltable01 .bxtbsub01{ background:url(../images/bgbxtb.jpg) repeat-x left top; height:252px;}
.conltable02 .bxtbsub01{ background:url(../images/bgbxtb.jpg) repeat-x left -267px; height:252px; display:block;}
.conltable01 .bxtbsub01 p, .conltable02 .bxtbsub01 p{ padding:4px 5px; text-align:justify; font-size:11px;}
.conltable01 h5, .conltable02 h5{ padding:0 5px; line-height:16px;}
.conltable01 .bxtbsub01 .img, .conltable02 .bxtbsub01 .img{ text-align:center; padding:7px 0;}
.img img{ padding:2px; border: 1px solid #CCC;}
.conltable03{ background:url(../images/bgbxtb.jpg) repeat-x left -534px; height:108px;}
.conltable03 .tittb h4{ text-align:left;}
.conltable03 .tittb span{ line-height:30px; padding-left:5px;}
.conltable03 .tittb a:link, .conltable03 .tittb a:visited{ color:#111; text-shadow: none;}
.conltable03 .tittb a:hover{ color:#046;}
.conltable03 .bxtb01{ width:100%;}
.fnbox{ padding:5px;}
.fnbox li{ width:50%; float:left;}
.fnbox li img{ float:left; margin-right:5px; border:1px solid #DDD;}
#nav-bottom{ background:url(../images/bg-nav-bt.png) no-repeat center top; height:32px; margin:0 0 5px;}
#nav-bottom .menubt{ text-align:center;}
#nav-bottom .menubt a{ line-height:32px; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
#nav-bottom .menubt a:link, #nav-bottom .menubt a:visitedd{ color:#046;}
#nav-bottom .menubt a:hover{ color:#FF7B00;}
.menubt span{ color:#FFF; padding:0 7px;}
/*.bott-menu{ width:100%; background:url(../images/bg-menu-bot.jpg) repeat-x 0 0; height:32px;}
.bott-menu li{ float:left; padding:0; line-height:32px; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
.bott-menu li a:link, .bott-menu li a:visited{ color:#004466; padding:0 5px;}
.bott-menu li a:hover, .bott-menu li.current a{ height:32px; display:block; color:#FF7B00;}*/

.info-footer{ margin:10px 0; color:#444;}
.info-site p{ padding:0 5px; line-height:16px;}

.viewdt{ padding:0;}
.title-view{ line-height:30px; text-transform:uppercase; padding-left:5px;}
.title-view li{ float:left; padding-right: 10px;}
.title-view li a{ background:url(../images/icons/icon_arrow.gif) no-repeat left center; padding-left:18px;}
.post-time{ float:right; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#666; margin-right:5px;}
.act-print { margin: 10px 0; padding:0 15px;}
.act-print font { color: #8A0000; cursor: pointer; font: 11px arial;}
.act-print img { vertical-align: middle;}
.ldo-mod-standard .viewdt{ border:none;}
.viewdt h1{ margin:10px 0; line-height:18px; font-size:16px;}
.viewdt .summary{ font-size:12px; font-weight:bold; line-height:15px; padding-bottom:15px;}
.viewdt .imgview{ text-align:center;}
.viewdt .imgview img{ padding:3px; border:1px solid #CCC;}
.viewdt h4{ padding:5px;}
.viewdt p{ padding:3px 0;}
.viewdt .cited{ text-align:right; padding-right:10px; font-weight:bold;}
.bx-comment{ padding:5px;}
.bx-comment .titlesmall h5{ padding:0; background:url(../images/arrow-title-single.png) no-repeat left bottom; height:26px; display:block;}
.bx-comment .titlesmall span{ background:url(../images/icons/comment_header.jpg) no-repeat left 2px; padding:3px 0 3px 24px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:26px;}
.bx-comment .ctbx{ padding:10px 0 5px;}
.adword-textbox { color: #9196A2; margin:2px 0; border: 1px solid #7F9DB9; font: 11px arial; height: 13px; padding: 3px;}
.other-news{}
.other-news .titlrt h5{ padding:0; background:url(../images/arrow-title-single.png) no-repeat left bottom; height:26px; display:block;}
.other-news .titlrt span{ text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:26px; font-weight:normal;}

.colleft{ float:left; width:490px;}
.colright{ float:right; width:180px;}

.pages{ padding:5px 0 0; font-size:11px; font-weight:bold;}
.pagination { margin: 0 0 5px auto; padding:5px 0; text-align: right;}
.pagination li { background: none; display: inline; line-height: normal; margin: 0; overflow: hidden; padding: 0 2px;}
.pagination li a { background: none repeat #eff8f8; border: 1px solid #c3ebed; color: #696F72; display: inline-block; font-weight: bold; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px}
.pagination li span, .pagination li a { -moz-border-radius: 3px 3px 3px 3px; font-size: 12px; padding: 1px 7px;}
.pagination li a:hover, .pagination li a:active, .pagination li a:focus{border:1px solid #215d7f;color:#333537;}
.pagination li.active span{ background:#c3660f; border:1px solid #ff7b00; font-weight:bold; color:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px}
.pagination .preB, .pagination .next,  .pagination .end{ font-family:Verdana, Geneva, sans-serif; font-size:15px; font-weight:bold; border:none !important; background:none !important;}

.button { display: inline-block; *display: inline; vertical-align: baseline; outline: none; cursor: pointer;	text-align: center; font: 12px/100% Arial, Helvetica, sans-serif; padding: 4px 10px ; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button:hover {text-decoration: none;}
.button:active {position: relative; top: 1px;}
.orlcs:link, .orlcs:visited{ color:#FFF; font-weight:bold;}
.orlcs { border: solid 1px #20a19c; background: #FFF; background: -webkit-gradient(linear, left top, left bottom, from(#19bfbd), to(#059691));	background: -moz-linear-gradient(top,  #19bfbd,  #059691);	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#19bfbd', endColorstr='#059691');}
.orlcs:hover { color:#FF0; background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#059691), to(#19bfbd)); background: -moz-linear-gradient(top,  #059691,  #19bfbd); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#059691', endColorstr='#19bfbd');}

.tlweather .title-act{ float:none; width:96%;}
.tlweather .title-act li.opt-wtr{  text-transform:none;}
.combox-tt { font-size: 12px; padding: 1px 1px 1px 5px; border:1px solid #ddd;}
.combox-tt option{ padding-left:5px;}
.viewcity{ padding:10px 5px 5px;}
.viewcity img{ float:left; margin:5px 10px 0 0;}
.viewcity p{ line-height:16px; font-size:12px; padding:0;}
.viewcity p strong{ font-size:16px; padding:5px 0; font-weight:bold;}
.viewcity p label{ color:#666;}
.listweather{ padding:5px 0;}
.listweather li{ float:left; width:49.8%; background:#ececec; padding-bottom:5px;}
.listweather li h5{ background:url(../images/bgweatherday.jpg) repeat-x 0 0; height:47px; text-align:center; padding:5px 0 0;}
.listweather li h5 label{ font-weight:normal; font-size:12px; }
.listweather li p{ padding-left:10px;}
.listweather li p.img, .listweather li p.img img{ text-align:center; border:0 none;}
